﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8" />
    <title>xhLinkDrop多级联动下拉菜单</title>
    <!-- Jquery -->
    <script type="text/javascript" src="/jquery/1.12.4/jquery.min.js"></script>
    <!-- animate -->
    <link rel="stylesheet" type="text/css" href="/xhui/css/xhui.css" />
    <script src="/xhui/js/xhui.js" type="text/javascript"></script>
    <script src="/xhui/js/cityData.js" type="text/javascript"></script>
    <!-- ICO -->
    <link rel="shortcut icon" href="/favicon.ico" />
</head>

<body>
    <div class="xhform_row">
        <div class="xhform_item">
            <div class="xhform_item_main">
                <label class="xhform_item_label"><i class="iconfont icon-bitianxiang-"></i>地区</label>
                <div class="xhform_item_control" id="cityPicker">
                </div>
            </div>
            <p class="xhform_item_tip"></p>
        </div>
    </div>

    <script type="text/javascript">
        $(function () {
            $("#cityPicker").xhLinkDrop({
                data: _CityDate,
                level: 3,
                selected: [],
                complate: function (relt) {
                    console.log(relt);
                },
                err: function (e) {
                    console.log(e);
                }
            });
        });
    </script>
</body>
</html>